require('../css/mine.css');


// 信息修改页
document.ready(function () {

    // 进入个人中心   调用生成页脚footer
    // console.log(utils);
    utils.createFooter('mine');

    // 服务器地址
    let URL = 'http://139.9.177.51:8099';

    // 获取本地存储的用户信息
    let user = JSON.parse(localStorage.getItem('user'));
    console.log(user);
    let userTX = document.querySelector('.userImg img'); //用户头像
    let userName = document.querySelector('.userN');  //用户昵称
    let userMsg = document.querySelector('.userMsg');  //个性签名

    // 请求后端账号的个人数据
    function newUser() {
        http.get('/users/accountinfo?userId=' + user.userId, function (res) {
            // 头像 昵称 个性签名接口替换-
            // 服务器里有头像  就把默认的src 替换为服务器里的src图片   没有头像就默认
            if (res.data.imgurl) {
                userTX.src = res.data.imgurl;
            }
            // 用户昵称
            if (res.data.nickname) {
                userName.innerText = res.data.nickname;
            }
            // 判断如果有 用户签名就替换， 没有就默认
            if (res.data.sign) {
                userMsg.innerText = res.data.sign;
            }
        })
    }
    // 进入页面就调用一次
    newUser();





    let userImg = document.querySelector('.userImg'); //头像div
    let oploadInp = document.querySelector('#opload'); //input 框
    // 头像点击事件 (点击头像的div 触发input框事件)
    userImg.addEventListener('click', function (event) {
        // 阻止冒泡
        event.stopPropagation();
        // 通过js触发 input的点击事件
        oploadInp.click();
    });
    // 监听input值的改变 （change事件）
    oploadInp.addEventListener('change', function () {
        // console.log(oploadInp.files);
        // 用户上传的文件
        let file = oploadInp.files[0];
        http.oploadFile('/users/upload', 'imgurl', file, function (res) {
            let imgAddress = URL + res.data;
            // 先拼接好在线地址 再修改信息接口
            let data = { userId: user.userId, imgurl: imgAddress }
            console.log(data);
            http.post('/users/userEdit', data, function (res2) {

                // 当头像修改成功了  再调用一次 马上重新渲染
                if (res2.status == 0) {
                    newUser(); //调用渲染
                }
            })
        })
    })






    // 运动数据----------------------------------------------
    let sportNum = document.querySelector('.sportNum');
    let largeNums = document.querySelector('.largeNum');

    http.get('/users/mysportsBadge?userId=' + user.userId, function (res) {
        // 运动时间
        // 如果后端有数据  转了四舍五入之后赋值给页面
        if (res.data.sports.times) {
            let times = res.data.sports.times;
            times = Math.round(times);
            sportNum.innerText = times;
        }
        // 卡路里
        if (res.data.sports.calorie) {
            let calorie = res.data.sports.calorie;
            // 四舍五入
            calorie = Math.round(calorie);
            largeNums.innerText = calorie;
        }
    })





    // 点击 进入个人中心-信息修改页
    let header = document.querySelector('.header');
    header.addEventListener('click', function () {
        location.href = './page.html';
    });






    // 退出按钮  点击后删除本地存储数据 2s之后接着跳转到登录页
    let btn = document.querySelector('.btn');
    btn.addEventListener('click', function () {
        // 删除本地数据
        localStorage.clear();
        utils.createToast(1, '退出成功,跳转到登录');
        // 1.5s之后再跳转
        setTimeout(function () {
            location.href = './login.html';
        }, 1500)
    })













})

